body {
    padding: 0 0.5rem;
}
header{
    height: 4.5rem;
}
header nav{
    width: 37.5rem;
    height: 4rem;
    background-color: black;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header nav img:nth-of-type(1){
    width: 1.7rem;
    height:1.7rem;
    margin-left: 1rem;
    margin-right: 0.5rem;
    vertical-align: middle;
}
header nav a{
    color: white;
    font-size: 1.6rem;
    display: block;
}
header nav span img:nth-of-type(1){
    width: 2.0rem;
    height: 2.0rem;
    margin-right: 1rem;
}
header nav span img:nth-of-type(2){
    margin-right: 1rem;
    height: 0.5rem;
}

.synopsis_video video{
    width: 100%;
    height: 100%;
}
.synopsis_title{
    color: rgb(240, 237, 237);
    padding: 0.5rem;
}
.synopsis_title h2{
    font-size: 1.9rem;

}
.synopsis_title img{
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: middle;
}
.synopsis_title > div{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.synopsis_title > div div span:nth-of-type(1){
    color: #F73171;
    font-size: 1.4rem;

}
.synopsis_title > div div span:nth-of-type(2){
    color: #F73171;
    font-size: 1.6rem;
}
.synopsis_title > section{
    display: flex;
    justify-content: space-between;
    font-size: 1.4rem;
    color: gray;
    margin-top: 0.4rem;
}
.like {
    margin-top: 0.5rem;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.like span{
    color: white;
    font-size: 1.7rem;
    padding: 0.5rem 2.5rem;
    border-radius: 1.3rem;
    background-color: #464444;
}
.like img{
    height: 1.7rem;
    width: 1.7rem;
    margin-right: 0.5rem;
    vertical-align: middle;
}
.info{
    display: flex;
    color: gray;
    padding: 0.5rem;
}
.info img{
    width: 25%;
    height: 11rem;
}
.info div{
    margin-left: 1rem;

}
.info div p{
    font-size: 1.6rem;
}
.introduction,.actor {
    color: white;
    margin-top: 0.5rem;
}
.introduction h2,.actor h2{
    font-size: 1.9rem;

}
.introduction p{
    font-size: 1.6rem;
    color: gray;
}
.actor {
    margin-bottom: 6rem;
}
.actor div{
    display: flex;
    padding-left: 1rem;
    margin-top: 1rem;
}
.actor img{
    width: 10rem;
    height: 15rem;
    margin-right: 1rem;
}
footer{
    width: 37.5rem;
    height: 4rem;
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #39C365;

}
footer div{
    width: 20rem;
    height: 4rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;

}
footer a{
    color: white;
    font-size: 1.7rem;

}